Page({
  data: {
    dialogVisible: false,
    list:[],
    isFirstLoad:true
  },
  // 页面显示，获取房屋列表
  onShow(){
    this.getList()
  },
  async getList(){
    const res = await wx.http.get('/room')
    this.setData({
      list:res.data,
      isFirstLoad:false
    })
  },

  async swipeClose(ev) {
    // instance滑动单元格的实例
    const { position, instance } = ev.detail

    if (position === 'right') {
      // 显示原生 Dialog 对话框
      const res =await wx.showModal({
        // title: '标题',
        content: '是否删除房屋',
        showCancel:true,
        cancelText:'取消',
        confirmText:'删除',
        confirmColor:'#5591af',
      })
      console.log('res',res);
      // vant组件的使用
      this.setData({
        dialogVisible: false,
      })

      // swiper-cell 滑块关闭
      instance.close()
      if (res.confirm) {
        // 这里后端已经删除数据
        await wx.http.delete(`/room/${ev.mark.id}`)
        // 前端更新
        console.log('id',ev.mark.id);
        this.setData({
          list:this.data.list.filter((item)=> item.id !== ev.mark.id)
        })
      }
    }
  },

  goDetail(ev) {
    wx.navigateTo({
      url: '/house_pkg/pages/detail/index?id=' + ev.mark.id,
    })
  },

  addHouse() {
    wx.navigateTo({
      url: '/house_pkg/pages/locate/index',
    })
  },
})
